:global {
    .px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    @media (max-width: 576px) {
        .navbar-expand-sm .navbar-nav > drop-menu > .dropdown-toggle {
            .px-0();
        }
    }
    @media (max-width: 768px) {
        .navbar-expand-md .navbar-nav > drop-menu > .dropdown-toggle {
            .px-0();
        }
    }
    @media (max-width: 992px) {
        .navbar-expand-lg .navbar-nav > drop-menu > .dropdown-toggle {
            .px-0();
        }
    }
    @media (max-width: 1200px) {
        .navbar-expand-xl .navbar-nav > drop-menu > .dropdown-toggle {
            .px-0();
        }
    }
    // [Origin] https://getbootstrap.com/docs/4.5/examples/offcanvas/offcanvas.css

    @media (max-width: 991.98px) {
        .offcanvas-collapse {
            position: fixed;
            bottom: 0;
            left: 100%;
            width: 100%;
            padding-right: 1rem;
            padding-left: 1rem;
            overflow-y: auto;
            visibility: hidden;
            transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
            &.open {
                visibility: visible;
                transform: translateX(-100%);
            }
        }
    }
}
